/**
 * 这里是uni_app内置的常用样式变量
 *
 * uni_app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */


const color = {
    /* 行为相关颜色 */
    'uni_color_primary': '#007aff',
    'uni_color_success': '#4cd964',
    'uni_color_warning': '#f0ad4e',
    'uni_color_error': '#dd524d',
    /* 文字基本颜色 */
    'uni_text_color':'#333',//基本色
    'uni_text_color_inverse':'#fff',//反色
    'uni_text_color_grey':'#999',//辅助灰色，如加载更多的提示信息
    'uni_text_color_placeholder': '#808080',
    'uni_text_color_disable':'#c0c0c0',

    /* 背景颜色 */
    'uni_bg_color':'#ffffff',
    'uni_bg_color_grey':'#f8f8f8',
    'uni_bg_color_hover':'#f1f1f1',//点击状态颜色
    'uni_bg_color_mask':'rgba(0, 0, 0, 0.4)',//遮罩颜色

    /* 边框颜色 */
    'uni_border_color':'#c8c7cc',

    
}


const size = {
    /* 尺寸变量 */

    /* 文字尺寸 */
    'uni_font_size_sm':'24rpx',
    'uni_font_size_base':'28rpx',
    'uni_font_size_lg':'32rpx',
    
    /* 图片尺寸 */
    'uni_img_size_sm':'40rpx',
    'uni_img_size_base':'52rpx',
    'uni_img_size_lg':'80rpx'
}


const radius = {
    /* Border Radius */
    'uni_border_radius_sm': '4rpx',
    'uni_border_radius_base': '6rpx',
    'uni_border_radius_lg': '12rpx',
    'uni_border_radius_sc': '60rpx',
    'uni_border_radius_circle': '50%'
}




const spacing = {
    /* 水平间距 */
    'uni_spacing_row_sm': '10px',
    'uni_spacing_row_base': '20rpx',
    'uni_spacing_row_lg': '30rpx',
    /* 垂直间距 */
    'uni_spacing_col_sm': '8rpx',
    'uni_spacing_col_base': '16rpx',
    'uni_spacing_col_lg': '24rpx'
}



/* 透明度 */
const opacity ={
    'uni_opacity_disabled': 0.3 // 组件禁用态的透明度

}

/* 文章场景相关 */

// $uni_color_title: #2C405A, // 文章标题颜色
// $uni_font_size_title:40rpx,
// $uni_color_subtitle: #555555, // 二级标题颜色
// $uni_font_size_subtitle:36rpx,
// $uni_color_paragraph: #3F536E, // 文章段落颜色
// $uni_font_size_paragraph:30rpx,



module.exports = {
    ...color,
    ...size,
    ...radius,
    ...spacing,
    ...opacity
}